{% extends 'app/base.html' %}

{% block content %}
<div class="row justify-content-md-center">
    <div class="col-md-auto">
      <form action="" method="POST">
          {{ form.hidden_tag() }}
          <fieldset class="form-group">
            <legend>Search Meal Recipes</legend>
            <hr>
            <div class="form-group">
                {{ form.dish.label(class="form-control-label") }}
                {{ form.dish(class="form-control form-control-lg") }}
            </div>

            <div class="form-group">
                {{ form.include.label(class="form-control-label") }}
                {{ form.include(class="form-control form-control-lg") }}
            </div>

            <div class="form-group">
                {{ form.exclude.label(class="form-control-label") }}
                {{ form.exclude(class="form-control form-control-lg") }}
            </div>
          </fieldset>
          <div class="form-group">
              {{ form.submit(class="btn btn-outline-info") }}
          </div>

      </form>
    </div>
  </div>


{% endblock content %}